<template>
    <p>父组件</p>
     <Childcom :msg="msg" @Chindmsg="changemsg"/>
     <!--用v-bing绑定下面定义的msg,并命名为msg，传给子组件 -->
     <!-- 在这里的@Chindmsg监听子组件里的Chindmsg,要保持名字一致，触发时调用changemsg函数 -->
</template>
<script setup>
//引入子组件
import { ref } from 'vue';
import Childcom from './Childcom.vue';
const msg = ref('这是父组件传下来的值')//在父组件这边定义一个变量
function changemsg(value){//这里的value是用来接受从子组件传过来的值
    msg.value=value

}
</script>